<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>

    
    <title>首页</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/box_style.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="js/jquery.XYTipsWindow.min.2.8.js"></script>
    <script src="js/slideshow.js" type="text/javascript"></script>

	 <script type="text/javascript">
	 $(document).ready(function() {
		
		$(".self").mouseover(function(){
	      $(this).css("cursor","pointer");
	    });
		$(".self").click(function(){

		    if(${loginedCustomer.realName=='游客'}){
		       alert("请先登录");
		       return false;
		    }
		});
	
	
	
	 });
	 </script>
 
<script type="text/javascript">
	function logout(){
	      
	      if(confirm("您确定要退出吗?")){
	          location.href="<c:url value="/frontSecurityMgr?act=logout"/>";
	      }
	      
	  }
	function tologin(){
	  location.href="<c:url value="frontSecurityMgr?act=toLogin"/>";
	}
	function toregister(){
	  location.href="<c:url value="frontUserMgr?act=toRegister"/>";
	}
(function($){
	$.fn.hoverForIE6=function(option){
		var s=$.extend({current:"hover",delay:10},option||{});
		$.each(this,function(){
			var timer1=null,timer2=null,flag=false;
			$(this).bind("mouseover",function(){
				if (flag){
					clearTimeout(timer2);
				}else{
					var _this=$(this);
					timer1=setTimeout(function(){
						_this.addClass(s.current);
						flag=true;
					},s.delay);
				}
			}).bind("mouseout",function(){
				if (flag){
					var _this=$(this);timer2=setTimeout(function(){
						_this.removeClass(s.current);
						flag=false;
					},s.delay);
				}else{
					clearTimeout(timer1);
				}
			})
		})
	}
})(jQuery);
</script>

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font-family:"宋体",Arial,Lucida,Verdana,Helvetica,sans-serif;font-size:12px;color:#333;line-height:150%;background:#fff;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
a:active{color:#900;}
a.c:link,a.c:visited{color:white;font-family:Verdana}
/*top*/
#shortcut-2013 {
    width: 100%;
    border-bottom: 1px solid rgb(238, 238, 238);
    line-height: 30px;
}
#shortcut-2013, #shortcut-2013 .w {
    height: 30px;
    background: none repeat scroll 0% 0% rgb(247, 247, 247);
}
#shortcut-2013 li {
    height: 30px;
    padding: 0px 11px 0px 12px;
}
#shortcut-2013 .fl {
    overflow: visible;
}
.fl {
    float: left;
}
.ld {
    position: relative;
}
#shortcut-2013 .fr {
    height: 30px;
    overflow: visible;
}
.fr {
    float: right;
}

/*菜单栏*/
.test ul{list-style:none;position:absolute;top:202px;left:361px} 
.test li{float:left;height:40;width:100px;background:#f40;margin-left:0px;line-height:40px;} 
.test a{display:block;text-align:center;height:30px;} 
.test a:link{color:white;height:40;background:url(arrow_off.gif) #f40 no-repeat ;text-decoration:none;} 
.test a:visited{color:#666;text-decoration:underline;} 
.test a:hover{color:#FFF; font-weight:bold;text-decoration:none;background:url(arrow_on.gif) #F00 no-repeat 5px 12px;}
.test li.right{position:absolute;top:20px;right:20px} 
/*全部商品分类*/
.allsort{float:left;width:211px;height:50px;position:absolute;top:202px;left:150px;}
.allsort .mt{height:24px;padding:9px 10px 12px 60px;line-height:24px;cursor:pointer;overflow:hidden;}
.allsort .mt strong{float:left;font-size:14px;color:#ccc;}
.allsort .mt .extra{float:right;overflow:hidden;width:22px;height:25px;}
.allsort .mc{display:block;position:absolute;top:39px;overflow:visible;width:203px;padding:0 3px 0;border:solid #C40000;border-width:0 1px 1px;background:#FEF8EF;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
.allsort .item{width:203px;height:32px;border-top:1px solid #FDE6D2;}
.allsort .fore{border-top:none;}
.allsort span{display:block;width:203px;position:relative;z-index:1;}
.allsort h3{font-size:14px;width:140px;height:30px;padding-left:20px;border:solid #FEF8EF;border-width:1px 0 1px 1px;background-position:-241px -57px;font-weight:normal;}
.allsort h3 a:link,.allsort h3 a:visited{display:block;height:30px;line-height:30px;color:#333;}
.allsort h3 a:hover,.allsort h3 a:active{color:#1B578A;}
.allsort s{display:block;position:absolute;top:10px;left:182px;width:13px;height:13px;background-position:-218px -106px;}

.allsort .item .i-mc{display:none;position:absolute;left:163px;top:0;width:200px;border:1px solid #c30;background:#FFF9EF;overflow:hidden;}
.allsort .item dt{padding:3px 6px 0 0;font-weight:bold;}
.allsort .item dd{padding:3px 0 0;overflow:hidden;zoom:1;}
.allsort .subitem{float:left;width:164px;min-height:100px;padding:0 4px 0 8px;}
.allsort .subitem dl{border-top:1px solid #FFEFD7;padding:6px 0;overflow:hidden;zoom:1;}
.allsort .subitem .fore{border-top:none;}
.allsort .subitem dt{float:left;width:54px;line-height:22px;text-align:right;color:#c00;}
.allsort .subitem dd{float:left;width:72px;}
.allsort .subitem em{float:left;height:14px;margin:14px 0;line-height:14px;padding:0 8px;border-left:1px solid #ccc;font-style:normal;white-space:nowrap;}
.allsort .fr{background:#fff;width:194px;padding:0 15px 2010px 15px;margin-bottom:-2000px;float:right;}
.allsort .fr dl{padding-bottom:0;}
.allsort .mc .extra{padding:7px 8px;background:#FDF1DE;border-top:1px solid #FDE6D2;}
.allsorthover{background-position:0 -50px;}
.allsorthover .mt .extra{background-position:-214px -75px;}
.allsorthover .mc{display:block;}
.allsort .hover span{z-index:13;width:160px;}
.allsort .hover h3{font-size:14px;border:solid #c30;border-width:1px 0 1px 1px;overflow:hidden;background:url(images/nav-sort.gif) #FFF9EF no-repeat -241px -57px;font-weight:bold;}
.allsort .hover s{display:none;}
.allsort .hover .i-mc{display:block;z-index:12;}
*html .allsort .item dd{padding-bottom:6px;}
*html .allsort .subitem{height:100px;}
.allsort .close{position:absolute;top:200px;left:674px;z-index:14;width:19px;height:19px;background-position:-216px -125px;cursor:pointer;}
	
</style>
    <link href="css/slideshow.css" rel="stylesheet" />
  </head>
<body style="background-color:white;margin:0px;padding:0px;">
<div id="shortcut-2013">
	<div class="w">
		<ul class="fl lh">
			<li class="fore1 ld" ><b></b><a href="javascript:addToFavorite()" >收藏本页</a>
			</li>
			
		</ul>
		
		<ul class="fr lh">
		   <li class="fore1" id="loginbar" >
		   
		   <a class="self" href="<c:url value="frontUserMgr?act=toMyshop"/>" ><span>我的小麦铺&nbsp&nbsp&nbsp&nbsp;</span></a>您好,&nbsp&nbsp<span>${loginedCustomer.realName}！&nbsp</span>欢迎来到小麦铺！
		   <button id="login" onclick="tologin();">登录</button>&nbsp;
		   <button id="reg" onclick="toregister();">注册</button>
		   <button id="reg" onclick="logout();">注销</button></li>
		</ul>
	</div>
</div><!--shortcut end--><!--shortcut end-->
             
    
 <div style="width=680px;margin-left:150px;margin-right:133px;background-color:white">
 <div align="center" style="margin-top:0px;margin-bottom:20px;">
 <img src="img/1.png" width="420px" height="150px"></img>
 </div>
 <div class="test" style="background:#f40; display:block; height:40px;width=680px">
<ul> 
<li><a href="<c:url value="frontSecurityMgr?act=mainmenu"/>">首页</a></li> 
<li><a class="self" href="<c:url value="goodMgr?act=toShoppingCart"/>">购物车</a></li> 
<li><a class="self" href="<c:url value="frontUserMgr?act=toMyshop"/>">我的订单</a></li>
 
</ul> 
 </div>
 </div>
	<div class='allsort'>
		
		<div class='mt'><strong><a class='c' href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">全部商品分类</a></strong><div class='extra'>&nbsp;</div></div>
		
		<div class='mc'>
			<div class='item fore'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all&ctg_no=1"/>" target="contentFrame">图书</a></h3><s></s></span>
				<div class='i-mc'>
					<div class='close' onclick="$(this).parent().parent().removeClass('hover')"></div>
					<div class='subitem'>
						<dl class='fore'>
							<dt>小说</dt>
							<dd>
							   <c:forEach items="${categoryList123}" var="category">
							       <c:if test="${category.categoryParentNo==1}"><em><a href="<c:url value="/goodMgr?act=list_all&ctg_no="/>+${category.categoryNo}" target="contentFrame">${category.categoryName }</a></em></c:if>
							   </c:forEach>
							</dd>
						</dl>
						
					</div>
					
				</div>
			</div>
			
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all&ctg_no=2"/>" target="contentFrame">家用电器</a></h3><s></s></span>
				<div class='i-mc'>
					<div class='close' onclick="$(this).parent().parent().removeClass('hover')"></div>
					<div class='subitem'>
						<dl>
							<dt>大型电器</dt>
							<dd>
							   <c:forEach items="${categoryList123}" var="category">
							       <c:if test="${category.categoryParentNo==2}"><em><a href="<c:url value="/goodMgr?act=list_all&ctg_no="/>+${category.categoryNo}" target="contentFrame">${category.categoryName }</a></em></c:if>
							   </c:forEach>
							</dd>
						</dl>
						
					</div>
					<div id="JD_sort_k" class='fr'>
					</div>
				</div>
			</div>
			
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all&ctg_no=4"/>" target="contentFrame">衣服</a></h3><s></s></span>
				<div class='i-mc'>
					<div class='close' onclick="$(this).parent().parent().removeClass('hover')"></div>
					<div class='subitem'>
						<dl class='fore'>
							<dt>美邦</dt>
							<dd>
							   <c:forEach items="${categoryList123}" var="category">
							       <c:if test="${category.categoryParentNo==4}"><em><a href="<c:url value="/goodMgr?act=list_all&ctg_no="/>+${category.categoryNo}" target="contentFrame">${category.categoryName }</a></em></c:if>
							   </c:forEach>
							</dd>
						</dl>
						
					</div>
					<div id="JD_sort_k" class='fr'>
					
					</div>
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all&ctg_no=5"/>" target="contentFrame">手机数码</a></h3><s></s></span>
				<div class='i-mc'>
					<div class='close' onclick="$(this).parent().parent().removeClass('hover')"></div>
					<div class='subitem'>
						<dl>
							<dt>手机</dt>
							<dd>
							   <c:forEach items="${categoryList123}" var="category">
							       <c:if test="${category.categoryParentNo==5}"><em><a href="<c:url value="/goodMgr?act=list_all&ctg_no="/>+${category.categoryNo}" target="contentFrame">${category.categoryName }</a></em></c:if>
							   </c:forEach>
							</dd>
						</dl>
						
					</div>
					<div id="JD_sort_k" class='fr'>
					</div>
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">..</a></h3><s></s></span>
				<div class='i-mc'>
					
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">..</a></h3><s></s></span>
				<div class='i-mc'>
					
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">..</a></h3><s></s></span>
				<div class='i-mc'>
					
				</div>
			</div>

			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">..</a></h3><s></s></span>
				<div class='i-mc'>
					
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">..</a></h3><s></s></span>
				<div class='i-mc'>
					
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">..</a></h3><s></s></span>
				<div class='i-mc'>
					
				</div>
			</div>
			<div class='item'>
				<span><h3><a href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">..</a></h3><s></s></span>
				<div class='i-mc'>
					
				</div>
			</div>
			
			<div class='extra'><a href="<c:url value="/goodMgr?act=list_all"/>" target="contentFrame">所有商品分类</a></div>
		
		</div>
		
	</div><!--allsort end-->
	
    <div id="content">
    <iframe id="contentFrame" name="contentFrame" width="1218" scrolling="no" height="1000px" frameborder="0" name="contentFrame" allowtransparency="true" src="<c:url value="/ad.jsp"/>">
        <div></div>
    </iframe>
    </div>
   
	<script type="text/javascript"> 
	   $(".allsort").hoverForIE6({current:"allsorthover",delay:200});
	   $(".allsort .item").hoverForIE6({delay:150});
	</script>
  </body>
</html>
